<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style='border-collapse:collapse'> <tr> <td width="98" valign="top" style= 'width:73.7pt;padding:0cm 5.4pt 0cm 5.4pt'> <p class="MsoNormal"><span style= 'position:absolute;z-index:251651072; margin-left:53px;margin-top:6px;width:43px;height:64px'> <img width="34" height="51" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image001.jpg" alt="image" /></span></p> </td> <td width="98" valign="top" style= 'width:73.7pt;padding:0cm 5.4pt 0cm 5.4pt'> <p class="MsoNormal"><img width="74" height="54" id="Image 1" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image002.png" alt="image" name="Image 1" /></p> </td> <td width="98" valign="top" style= 'width:73.7pt;padding:0cm 5.4pt 0cm 5.4pt'> <p class="MsoNormal"><span style= 'position:absolute;z-index:251659264; margin-left:57px;margin-top:5px;width:104px;height:65px'> <img width="83" height="52" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image003.jpg" alt="image" /></span></p> </td> </tr> </table> <p class="MsoNormal"><b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></b></p> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'>BLOC 2 Programmation</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <h1><span style= 'font-size:5.0pt;font-family:"Arial",sans-serif;font-weight: normal'> </span></h1> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style='font-size:16.0pt;font-family:"Arial",sans-serif'>TP Java-Android : premier programme</span></b></p> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style= 'font-size:16.0pt;font-family:"Arial",sans-serif'>(Hello Moi)</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>1- Présentation de l'application à développer</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>2- Création du projet sous Android Studio</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>3- Première exécution</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>4- Création des fichiers ressources</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>5- Création de l'interface graphique</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>6- Programmation Java</span></p> <p class="MsoNormal" style='margin-left:108.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>7- Modification à effectuer</span></p> <p class="MsoNormal" style='margin-left:72.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='margin-left:72.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid black 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style= 'text-indent:36.0pt;border:none;padding:0cm'></p> <table cellpadding="0" cellspacing="0" align="left"> <tr> <td width="11" height="92"></td> </tr> <tr> <td></td> <td><img width="34" height="33" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image004.jpg" alt="image" /></td> </tr> </table> <span style= 'font-size:5.0pt;font-family:"Arial",sans-serif'> </span><br clear="all" /> <p class="MsoNormal" style= 'text-indent:36.0pt;border:none;padding:0cm'><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Ce TP est une adaptation du <b>tutoriel Android n°3</b> du site <b>www.tutomobile.fr</b> !</span></p> <p class="MsoNormal" style= 'text-indent:36.0pt;border:none;padding:0cm'><span style= 'font-size:5.0pt;font-family:"Arial",sans-serif'> </span></p> </div> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></b></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>1- Présentation de l'application à développer</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Cette application très simple propose de saisir un prénom dans un objet <b>TextView</b>, puis de cliquer sur un objet <b>Button</b> (le bouton <b>Envoyer</b>) ; le programme construit alors un petit message de bienvenue, et l'affiche de 2 façons :</span></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>avec un message de type <b>pop-up</b> qui s'affiche quelques seconde en bas d'écran</span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>de façon durable dans l'objet <b>TextView</b> placé sous la zone de saisie</span></p> <p class="MsoNormal" style='margin-left:36.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'position:absolute;z-index:251655168;left:0px;margin-left:269px; margin-top:417px;width:307px;height:90px'> <img width="246" height="72" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image005.png" alt= "Rectangle: Affichage de type pop-up pendant quelques secondes " /></span><span style='position:absolute;z-index:251656192;left:0px;margin-left:231px; margin-top:316px;width:291px;height:84px'><img width="233" height="67" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image006.png" alt= "Rectangle: Affichage durable dans un objet TextView " /></span><span style='font-size:11.0pt;font-family:"Arial",sans-serif'><img width="550" height="390" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image007.jpg" alt="image" /></span></p> <p class="MsoNormal" style='page-break-before:always'> <b><span style= 'font-size: 14.0pt;font-family:"Arial",sans-serif'>2- Création du projet sous Android Studio</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Créez le projet avec la commande <b>File / New / New Project..</b> :</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Choisir le graphisme de l'activité (activity) sur l'écran suivant, exemple "Empty Activity".</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="349" height="300" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image008.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>et indiquez les paramètres suivants :</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'position:absolute;z-index:251654144;left:0px;margin-left:265px; margin-top:372px;width:336px;height:59px'> <img width="269" height="47" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image009.png" alt= "Rectangle: Indiquez le nom de l'application" /></span><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'><img width="440" height="374" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image010.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Choisir le SDK minimum, s'assurer que l'on dispose de cette version.</span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>En cliquant sur le bouton <b>Finish</b>, on obtient l'arborescence et la classe suivantes :</span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'><img width="682" height="314" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image011.png" alt="image" /></span></b></p> <p class="MsoNormal"><span style= 'font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>3- Première exécution</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid black 1.0pt;padding:1.0pt 13.0pt 1.0pt 4.0pt; margin-left:0cm;margin-right:-14.3pt'> <p class="MsoNormal" style= 'text-indent:36.0pt;border:none;padding:0cm'><span style= 'position:absolute;z-index:251653120;left:0px;margin-left:10px; margin-top:543px;width:46px;height:44px'> <img width="37" height="35" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image012.jpg" alt="image" /></span><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Avant d'exécuter une application, il faut d'abord installer et exécuter un émulateur d'appareil sous Android : Tools et "Device Manager".</span></p> </div> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Pour exécuter le projet, choisir le menu <b>Run</b> puis <b>Run App ou</b></span> <b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="16" height="19" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image013.png" alt="image" /></span></b></p> <p class="MsoNormal" style='margin-left:2.0cm'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>Il faut choisir un émulateur compatible avec la version SDK de l'application ou choisir l'appareil connecté physiquement (téléphone, tablette…).</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> </p> <span style= 'font-size:10.0pt;font-family:"MS Sans Serif",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"> </p> <p class="MsoNormal"><b><span style='font-size:14.0pt'>Créer un émulateur (AVD)</span></b></p> <p class="MsoNormal"> </p> <p class="MsoNormal"><span style= 'position:absolute;z-index:251661312;margin-left: 291px;margin-top:607px;width:236px;height:89px'> <img width="189" height="71" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image014.png" alt="Rectangle: Cliquer sur ce bouton" /></span>Choisir le menu <b>Tools, Device Manager</b></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'position:absolute;z-index:251660288;left:0px;margin-left:164px; margin-top:663px;width:144px;height:47px'> <img width="115" height="38" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image015.png" alt="image" /></span><img width="409" height="238" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image016.png" alt="image" /></p> <p class="MsoNormal"> </p> <p class="MsoNormal">Choisir le type d'appareil, la version d'Android (attention à la compatibilité avec votre projet). L'installation d'Intel X86 Atom System Image est parfois demandée.</p> <p class="MsoNormal">Ne rien changer sur l'écran suivant puis <Finish></p> <p class="MsoNormal"> </p> <p class="MsoNormal">Pour lancer l'application Menu <b>Run</b> puis le nom de l'émulateur créé préalablement.</p> <p class="MsoNormal" style='page-break-before:always'> <b><span style= 'font-size: 14.0pt;font-family:"Arial",sans-serif'>4- Création des fichiers ressources</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'>4-1 Modification du fichier res/values/strings.xml</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Le répertoire <b>res/values</b> contient un fichier <b>strings.xml</b> contenant différentes chaines utilisées par l'application (il contient initialement une chaine <b>app_name</b>) ; double-cliquez sur ce fichier puis <b><span style='color:#00B050'>open Editor</span></b> pour obtenir l'écran suivant :</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'position:absolute;z-index:251657216;left:0px;margin-left:236px; margin-top:915px;width:361px;height:39px'> <img width="289" height="31" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image017.png" alt="Rectangle: Le fichier est là... " /></span><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="470" height="222" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image018.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Sélectionnez la chaine <b>app_name</b> et modifiez sa valeur (value) en <b>"Ma première application"</b>.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Ce qui donne lors de l'exécution :</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'position:absolute;z-index:251664384;left:0px;margin-left:339px; margin-top:897px;width:226px;height:99px'> <img width="181" height="79" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image019.png" alt="image" /></span><span style= 'position:absolute;z-index:251663360;left:0px;margin-left:553px; margin-top:982px;width:128px;height:27px'><img width="102" height="22" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image020.png" alt="image" /></span><span style= 'position:absolute;z-index:251662336;left:0px;margin-left:179px; margin-top:895px;width:167px;height:16px'><img width="134" height="13" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image021.png" alt="image" /></span><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="446" height="210" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image022.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>On pourrait, avec le bouton</span> <b><span style= 'font-size:14.0pt;font-family: "Arial",sans-serif;color:#00B050'>+</span></b> <span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>ajoutez quelques chaines (type <b>String</b>), pour chaque chaine saisir un nom et une valeur et les utiliser dans les activités "activity….xml".</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Sans passer par l'éditeur et en cliquant sur l'onglet <b>strings.xml</b> situé en haut, on peut accéder au codage XML du fichier généré (il est bien sûr possible de modifier directement le contenu en XML et de supprimer certaines clés) :</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'><img width="476" height="74" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image023.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='page-break-before:always'> <b><span style= 'font-size: 12.0pt;font-family:"Arial",sans-serif'>4-2 Modification du fichier res/values/colors.xml</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Il est juste situé au-dessus du fichier String.xml.</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>On pourrait ajouter la couleur "<i>couleurTitre</i>" de cette façon :</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'><img width="242" height="173" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image024.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>5- Création de l'interface graphique</span></b></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Un <b>layout</b> correspond à une disposition d'objets graphiques.</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Le fichier <b>res/layout/activity_main.xml</b> contient la description de l'interface graphique.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Faites un double-clic sur ce fichier pour l'ouvrir avec <b>l'Android layout editor</b>.</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>En sélectionnant un objet de l'interface, on peut vérifier ou régler ses propriétés dans l'onglet <b>Attributes</b> situé à droite.</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'><img width="386" height="288" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image025.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-family:"Arial",sans-serif'>On peut aussi visualiser le contenu xml en cliquant sur l'onglet "Code" , situé au-dessus de la palette <i>Attributes</i>.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Dès la création d'un nouveau projet, l'interface comporte un objet <b>ConstraintLayout</b> et un objet <b>TextView</b> :</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Le <i>Layout</i> permet de définir le modèle de disposition des composants choisi.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Il est plus pratique d'utiliser des <i>LinearLayout</i> pour gérer la disposition => Clic droit sur <i>ConstraintLayout</i> dans "Component tree" et choisir "<i>Convert View</i>". Choisir LinearLayout et appliquer.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Modifier la propriété orientation et choisir Vertical. Choisir également Match_parent dans layout_width et layout_height pour que ce layout couvre l'intégralité de l'activité, comme ci-dessous :</span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="391" height="255" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image026.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='margin-bottom:6.0pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>On pourrait aussi modifier directement le fichier XML en cliquant sur l'onglet <b>code</b> situé au-dessus des attributs, mais cette méthode est plus laborieuse :</span></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <p class="MsoNormal" style= 'background:white;border:none;padding:0cm'><i><span style= 'font-family:"Courier New";color:#080808'><?</span></i><span style='font-family:"Courier New";color:#174AD4'>xml version</span><span style= 'font-family:"Courier New";color:#067D17'>="1.0"</span> <span style='font-family:"Courier New";color:#174AD4'>encoding</span><span style='font-family:"Courier New";color:#067D17'>="utf-8"</span><i><span style='font-family:"Courier New";color:#080808'>?><br /> </span></i><span style= 'font-family:"Courier New";color:#080808'><</span><span style= 'font-family:"Courier New";color:#0033B3'>LinearLayout</span> <span style= 'font-family:"Courier New";color:#174AD4'>xmlns:</span><span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#067D17'>="http://schemas.android.com/apk/res/android"<br /> </span> <span style= 'font-family:"Courier New";color:#174AD4'>xmlns:</span><span style= 'font-family:"Courier New";color:#871094'>app</span><span style= 'font-family:"Courier New";color:#067D17'>="http://schemas.android.com/apk/res-auto"<br /> </span> <span style= 'font-family:"Courier New";color:#174AD4'>xmlns:</span><span style= 'font-family:"Courier New";color:#871094'>tools</span><span style= 'font-family:"Courier New";color:#067D17'>="http://schemas.android.com/tools"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:layout_width</span><span style='font-family:"Courier New";color:#067D17'>="match_parent"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:layout_height</span><span style='font-family:"Courier New";color:#067D17'>="match_parent"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:orientation</span><span style='font-family:"Courier New";color:#067D17'>="vertical"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>tools</span><span style= 'font-family:"Courier New";color:#174AD4'>:context</span><span style='font-family:"Courier New";color:#067D17'>=".MainActivity"</span><span style='font-family:"Courier New";color:#080808'>><br /> <br /> <</span><span style= 'font-family:"Courier New";color:#0033B3'>TextView<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:layout_width</span><span style='font-family:"Courier New";color:#067D17'>="match_parent"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:layout_height</span><span style='font-family:"Courier New";color:#067D17'>="match_parent"<br /> </span> <span style= 'font-family:"Courier New";color:#871094'>android</span><span style='font-family:"Courier New";color:#174AD4'>:text</span><span style='font-family:"Courier New";color:#067D17'>="Hello World!"</span> <span style= 'font-family:"Courier New";color:#080808'>/><br /> <br /> </</span><span style= 'font-family:"Courier New";color:#0033B3'>LinearLayout</span><span style='font-family:"Courier New";color:#080808'>></span></p> </div> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Restez dans <b>l'onglet design</b>, sélectionnez l'objet <b>TextView</b> (étiquette), et modifiez sa propriété <b>Text</b> en remplaçant la chaine "hello world" par "Entrez votre prénom".</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Modifier également la propriété <b>ID...</b> pour nommer l'objet avec l'ID <b>txtViewPrenom</b>.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Dans la <b>palette</b>, ouvrez le groupe <b>Layouts</b>, choisissez l'objet <b>LinearLayout (Horizontal)</b> et placez le sous le TextView. Puis réglez ses propriétés :</span></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Orientation</span></b> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>= horizontal</span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Layout width</span></b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>= match_parent prendre tout l'espace disponible en largeur</span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:6.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Layout height</span></b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>= wrap_content ajuster la hauteur du layout à son contenu</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Le Layout vertical va au final contenir des Layout horizontaux dans lesquels on va mettre les différents composants, ce qui va donner le xml suivant :</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <pre style='background:white;border:none;padding:0cm'> <i><span style='color:#080808'><?</span></i><span style= 'color:#174AD4'>xml version</span><span style= 'color:#067D17'>="1.0" </span><span style= 'color:#174AD4'>encoding</span><span style= 'color:#067D17'>="utf-8"</span><i><span style= 'color:#080808'>?><br /></span></i><span style= 'color:#080808'><</span><span style= 'color:#0033B3'>LinearLayout </span><span style= 'color:#174AD4'>xmlns:</span><span style= 'color:#871094'>android</span><span style= 'color:#067D17'>="http://schemas.android.com/apk/res/android"<br /> </span><span style='color:#174AD4'>xmlns:</span><span style='color:#871094'>app</span><span style='color:#067D17'>="http://schemas.android.com/apk/res-auto"<br /> </span><span style='color:#174AD4'>xmlns:</span><span style='color:#871094'>tools</span><span style='color:#067D17'>="http://schemas.android.com/tools"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:background</span><span style='color:#067D17'>="#0C0C0C"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:orientation</span><span style='color:#067D17'>="vertical"<br /> </span><span style='color:#871094'>tools</span><span style='color:#174AD4'>:context</span><span style='color:#067D17'>=".MainActivity"</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>LinearLayout<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:orientation</span><span style='color:#067D17'>="horizontal"</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>TextView<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:id</span><span style='color:#067D17'>="@+id/txtViewPrenom"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:text</span><span style='color:#067D17'>="Entrez votre prénom"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:textColor</span><span style='color:#067D17'>="?attr/colorOnPrimary" </span><span style='color:#080808'>/><br /><br /> </</span><span style='color:#0033B3'>LinearLayout</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>LinearLayout<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:orientation</span><span style='color:#067D17'>="horizontal"</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>EditText<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:id</span><span style='color:#067D17'>="@+id/editTextPrenom"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_weight</span><span style='color:#067D17'>="2"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:background</span><span style='color:#067D17'>="@color/white"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:ems</span><span style='color:#067D17'>="10"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:hint</span><span style='color:#067D17'>="Saisir votre prénom"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:inputType</span><span style='color:#067D17'>="textPersonName" </span><span style='color:#080808'>/><br /><br /> <</span><span style='color:#0033B3'>Button<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:id</span><span style='color:#067D17'>="@+id/boutonEnvoyer"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_weight</span><span style='color:#067D17'>="1"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:text</span><span style='color:#067D17'>="Button" </span><span style='color:#080808'>/><br /><br /> </</span><span style='color:#0033B3'>LinearLayout</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>LinearLayout<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:orientation</span><span style='color:#067D17'>="horizontal"</span><span style='color:#080808'>><br /><br /> <</span><span style='color:#0033B3'>TextView<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:id</span><span style='color:#067D17'>="@+id/txtViewMessage"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_width</span><span style='color:#067D17'>="match_parent"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_height</span><span style='color:#067D17'>="wrap_content"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:layout_weight</span><span style='color:#067D17'>="1"<br /> </span><span style='color:#871094'>android</span><span style='color:#174AD4'>:textColor</span><span style='color:#067D17'>="?android:attr/colorActivatedHighlight" </span><span style='color:#080808'>/><br /> </</span><span style='color:#0033B3'>LinearLayout</span><span style='color:#080808'>><br /><br /></</span><span style='color:#0033B3'>LinearLayout</span><span style='color:#080808'>></span> </pre></div> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Lancez l'exécution de l'application dans l'AVD, puis suivre le déroulement, et quand l'application est prête, saisissez un prénom :</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="219" height="382" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image027.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Pour l'instant, il ne se passe rien quand on clique sur le bouton Envoyer ; il va falloir ajouter de la programmation.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid black 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'position:absolute; z-index:251658240;margin-left:6px;margin-top:1755px;width:42px;height:41px'> <img width="34" height="33" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image028.jpg" alt="image" /></span><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> Pour continuer le développement de l'application, n'arrêtez pas l'AVD</span></p> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'> </span></p> </div> <p class="MsoNormal" style='page-break-before:always'> <b><span style= 'font-size: 14.0pt;font-family:"Arial",sans-serif'>6- Programmation Java</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>La phase suivante consiste à programmer en Java.</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Il va falloir mettre un écouteur d’évènement sur le bouton « Envoyer » pour récupérer le texte entré préalablement dans l’objet <b>EditText</b>, et afficher « Hello <i>lePrenomSaisi</i> » de deux manières :</span></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:32.2pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>Avec un message de type <b>pop-up</b> qui s'affiche quelques secondes en bas d'écran</span></p> <p class="MsoNormal" style= 'margin-left:32.2pt;text-indent:-18.0pt'><span style= 'font-size:11.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>De façon durable dans l'objet <b>TextView</b> placé sous la zone de saisie</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white;margin-left:0cm;margin-right:-28.45pt'> <pre style='background: white;border:none;padding:0cm'> <span style='color:#0033B3'>package </span><span style= 'color:black'>com.example.helloapplication</span><span style= 'color:#080808'>;<br /><br /></span><span style= 'color:#0033B3'>import </span><span style= 'color:black'>androidx.appcompat.app.AppCompatActivity</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.os.Bundle</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.view.View</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.widget.Button</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.widget.EditText</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.widget.TextView</span><span style='color:#080808'>;<br /></span><span style='color:#0033B3'>import </span><span style='color:black'>android.widget.Toast</span><span style='color:#080808'>;<br /><br /></span><span style='color:#0033B3'>public class </span><span style='color:black'>MainActivity </span><span style='color:#0033B3'>extends </span><span style='color:black'>AppCompatActivity<br /></span><span style='color:#080808'>{<br /> </span><span style='color:#0033B3'>private </span><span style='color:black'>EditText </span><span style='color:#871094'>editTextPrenom</span><span style='color:#080808'>; </span><i><span style='color:#8C8C8C'>// l'EditText utilisé pour la saisie du prénom<br /> </span></i><span style='color:#0033B3'>private </span><span style='color:black'>Button </span><span style='color:#871094'>boutonEnvoyer</span><span style='color:#080808'>; </span><i><span style='color:#8C8C8C'>// le Button pour envoyer<br /> </span></i><span style='color:#0033B3'>private </span><span style='color:black'>TextView </span><span style='color:#871094'>txtViewMessage</span><span style='color:#080808'>; </span><i><span style='color:#8C8C8C'>// le TextView pour afficher le message de bienvenue<br /><br /> </span></i><span style='color:#0033B3'>private </span><span style='color:black'>String </span><span style='color:#871094'>prenom</span><span style='color:#080808'>; </span><i><span style='color:#8C8C8C'>// le prénom saisi<br /><br /> /** Fonction appelée lors de la création de l'activité. */<br /> </span></i><span style='color:#9E880D'>@Override<br /> </span><span style='color:#0033B3'>protected void </span><span style='color:#00627A'>onCreate</span><span style='color:#080808'>(</span><span style='color:black'>Bundle </span><span style='color:#080808'>savedInstanceState)<br /> {<br /> </span><span style='color:#0033B3'>super</span><span style='color:#080808'>.onCreate(savedInstanceState);<br /> setContentView(</span><span style='color:black'>R</span><span style='color:#080808'>.</span><span style='color:black'>layout</span><span style='color:#080808'>.</span><i><span style='color:#871094'>activity_main</span></i><span style='color:#080808'>);<br /> initialisations();<br /> }<br /><br /> </span><span style='color:#0033B3'>public void </span><span style='color:#00627A'>initialisations</span><span style='color:#080808'>()<br /> {<br /> </span><i><span style='color:#8C8C8C'>// récupération de l'EditText grâce à son ID<br /> </span></i><span style='color:#871094'>editTextPrenom </span><span style='color:#080808'>= (</span><span style='color:black'>EditText</span><span style='color:#080808'>) findViewById(</span><span style='color:black'>R</span><span style='color:#080808'>.</span><span style='color:black'>id</span><span style='color:#080808'>.</span><i><span style='color:#871094'>editTextPrenom</span></i><span style='color:#080808'>);<br /> </span><i><span style='color:#8C8C8C'>// récupération du Button grâce à son ID<br /> </span></i><span style='color:#871094'>boutonEnvoyer </span><span style='color:#080808'>= (</span><span style='color:black'>Button</span><span style='color:#080808'>) findViewById(</span><span style='color:black'>R</span><span style='color:#080808'>.</span><span style='color:black'>id</span><span style='color:#080808'>.</span><i><span style='color:#871094'>boutonEnvoyer</span></i><span style='color:#080808'>);<br /> </span><i><span style='color:#8C8C8C'>// récupération du TextView grâce à son ID<br /> </span></i><span style='color:#871094'>txtViewMessage </span><span style='color:#080808'>= (</span><span style='color:black'>TextView</span><span style='color:#080808'>) findViewById(</span><span style='color:black'>R</span><span style='color:#080808'>.</span><span style='color:black'>id</span><span style='color:#080808'>.</span><i><span style='color:#871094'>txtViewMessage</span></i><span style='color:#080808'>);<br /> </span><i><span style='color:#8C8C8C'>// association d'un écouteur à l'évènement clic sur le bouton boutonEnvoyer<br /> </span></i><span style='color:#871094'>boutonEnvoyer</span><span style='color:#080808'>.setOnClickListener ( </span><span style='color:#0033B3'>new </span><span style='color:#080808'>EcouteurDuBoutonEnvoyer());<br /> }<br /><br /> </span><i><span style='color:#8C8C8C'>/** classe interne pour gérer le clic sur le bouton boutonEnvoyer. */<br /> </span></i><span style='color:#0033B3'>private class </span><span style='color:black'>EcouteurDuBoutonEnvoyer </span><span style='color:#0033B3'>implements </span><span style='color:black'>View</span><span style='color:#080808'>.</span><span style='color:black'>OnClickListener<br /> </span><span style='color:#080808'>{<br /> </span><span style='color:#0033B3'>public void </span><span style='color:#00627A'>onClick</span><span style='color:#080808'>(</span><span style='color:black'>View </span><span style='color:#080808'>v)<br /> {<br /> </span><i><span style='color:#8C8C8C'>// on récupère le texte écrit dans l'objet EditText<br /> </span></i><span style='color:#871094'>prenom </span><span style='color:#080808'>= </span><span style='color:#871094'>editTextPrenom</span><span style='color:#080808'>.getText().toString();<br /> </span><i><span style='color:#8C8C8C'>// on affiche "Hello prénomSaisi ! " dans une pop-up qui s'affiche quelques secondes en bas d'écran<br /> </span></i><span style='color:black'>Toast</span><span style='color:#080808'>.<i>makeText</i>(getApplicationContext(), </span><span style='color:#067D17'>"Hello " </span><span style='color:#080808'>+ </span><span style='color:#871094'>prenom </span><span style='color:#080808'>+ </span><span style='color:#067D17'>" !"</span><span style='color:#080808'>, </span><span style='color:black'>Toast</span><span style='color:#080808'>.</span><i><span style='color:#871094'>LENGTH_LONG</span></i><span style='color:#080808'>).show();<br /> </span><i><span style='color:#8C8C8C'>// on affiche "Hello votrePrenom ! " dans l'objet TextView placé sous la zone de saisie<br /> </span></i><span style='color:#871094'>txtViewMessage</span><span style='color:#080808'>.setText(</span><span style='color:#067D17'>"Hello " </span><span style='color:#080808'>+ </span><span style='color:#871094'>prenom </span><span style='color:#080808'>+ </span><span style='color:#067D17'>" !"</span><span style='color:#080808'>);<br /> }<br /> }<br />}</span> </pre></div> <p class="MsoNormal" style='page-break-before:always'><span style= 'font-size: 11.0pt;font-family:"Arial",sans-serif'>Lancez l'exécution de l'application dans l'AVD, puis suivre le déroulement, et quand l'application est prête, saisissez un prénom ; on doit obtenir un résultat similaire à celui-ci :</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="239" height="349" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image029.png" alt="image" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>7- Modification à effectuer</span></b></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:6.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Modifiez la disposition des éléments de l'interface graphique et ajoutez un autre <b>EditText</b> pour saisir le nom (dans un autre Layout horizontal)</span></p> <p class="MsoNormal"><span style= 'font-size:6.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:36.0pt;text-indent:-18.0pt'><span style= 'font-size:4.0pt;font-family:Symbol'>·<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Construisez un message du type <b>Hello Anna-Lyse DURINE</b>, dans lequel :</span></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:72.0pt;text-indent:-18.0pt'><span style= 'font-size:4.0pt;font-family:"Courier New"'>o<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>le nom est transformé en majuscules</span></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style= 'margin-left:72.0pt;text-indent:-18.0pt'><span style= 'font-size:8.0pt;font-family:"Courier New"'>o<span style= 'font:7.0pt "Times New Roman"'> </span></span> <span style='font-size:11.0pt;font-family:"Arial",sans-serif'>le prénom est transformé en minuscules, sauf la première lettre et la lettre qui suit un tiret dans le cas d'un prénom composé (utilisez la fonction "<i>nomCompose</i>" que vous créerez).</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img width="473" height="336" src= "TP%201%20Java-Android%20-%20Hello%20Moi_Cor_fichiers/image030.jpg" alt="image" /></span></p> </div>
Table des matières
Sujets
Recherche
Help content
Help content
Générée avec
chmProcessor
Générée avec
chmProcessor